/* ==========================================================================

   Global

   ========================================================================== */

    

    html {

        font-size: 62.5%;

    }

    

    a { color: #333; }

    

    a:hover { color: #3b8d85; }



 a:focus { outline:none; -moz-outline:none; }     

    body { color: #333; font: 14px/1.7 microsoft yahei, Arial, Helvetica, sans-serif; }    

    .wrapper {

        max-width: 1200px;

        /*min-width: 980px; */

        _width: 1200px;

        padding: 0 10px;

        margin-left: auto;

        margin-right: auto;

    }    

    .wrapper:after,

    .row:after {

        content: "";

        display: table;

        clear: both;

    }

    /* arrow */    

    .arrow {

        position: absolute;

        top: 50%;

        margin-top: -4px;

    }    

    .arrow * {

        position: absolute;

        top: 0;

        left: 0;

        width: 0;

        height: 0;

        border: 0 dashed transparent;

        overflow: hidden;

    }

    /* arrow-right */

    

    .arr-r * {

        border-left-style: solid;

        border-width: 4px 0 4px 4px;

    }    

    .arr-r em {

        left: 1px;

    }    

    .arr-r span {

        border-left-color: #3675bb;

    }    

    .tri {

        position: absolute;

        width: 0;

        height: 0;

        border: 0 dashed transparent;

        overflow: hidden;

    }



   /* ==================================

   menu

   ================================== */

    

    .menu {

        position: relative;

    }

    /* menu-hd */

    

    .menu-hd {

        position: relative;

        z-index: 1002;

        overflow: hidden;

        height: 30px;

        line-height: 30px;

        padding: 0 20px 0 6px;

    }

    /* menu-bd */

    

    .menu-bd {

        display: none;

        position: absolute;

        z-index: 1001;

        margin-top: -1px;

    }

    

    .menu-bd-panel {

        padding: 5px 0;

        border: 1px solid #eee;

        background: #fff;

        min-width: 96px;

    }

    

    .menu-bd-panel a {

        display: block;

        padding: 0 5px;

        line-height: 28px;

        white-space: nowrap;

        color: #6C6C6C

    }

    /* menu arrow */

    

    .menu-hd .fa-caret-down {

        -webkit-transition: .3s ease-in;

        -moz-transition: .3s ease-in;

        -o-transition: .3s ease-in;

        transition: .3s ease-in;

        position: absolute;

        height: 30px;

        line-height: 30px;

        top: 0;

        right: 6px;

    }

    /* menu hover */

    

    .menu-hover .menu-hd {

        z-index: 10002;

    }

    

    .menu-hover .menu-bd {

        z-index: 10001;

    }

    

    .menu-hover .menu-hd {

        padding: 0 19px 1px 5px;

        border-width: 0 1px;

        border-style: solid;

        border-color: #eee;

        background: #fff;

    }

    

    .menu-hover .menu-hd .fa-caret-down {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }

    

    .menu-hover .menu-bd-panel a:hover { background: #eee;  }



    /* ==========================================================================

   Header

   ========================================================================== */



    header {}    

    header .wrapper {position: relative; z-index: 99;}   

    .topbar{height:35px; background: #3b8d85;width:100%;font: 300 12px/35px microsoft yahei;color: #fff;} 

    .topbar .wrapper{position: relative;}

    .topbar a{color: #fff;}

    .topbar a:hover{text-decoration: underline;}

    .logo { position: absolute; left:0;width:20%;height:90px; overflow: hidden;line-height:90px; }  

    .logo img{max-width: 100%;max-height: 60px;}

    .topbar .right{float: right;}

    .topbar .right .mode01{float: left;}

    .zgsbox{float: left;position: relative;width:80px;margin-left: 10px;} 

    .zgsbox .zgshd{width:80px;height: 35px;}

    .zgsbox .zgsbd{width:180px; background: #fff;padding:5px 0;position: absolute;top:35px;left:-40px;z-index: 99;border:1px solid #3b8d85;border-top: 0;}

    .zgsbox .zgsbd a{width: 100%;display: block;height: 24px; line-height: 24px; text-indent:10px;color:#3b8d85;}

    .zgsbox .zgsbd{display: none;}

    .zgsbox:hover .zgsbd{display: block;}

    .langbox{float: left;}

    .molang{display: none;}

    .toptel{float: left;}

    .toptel span{font-weight: bold;font-size: 16px;font-style: italic;}



    .serchinco{position: absolute;width:48px; height: 48px; right:10px; top: 21px; font: 300 12px/48px microsoft yahei;cursor: pointer;z-index: 999; text-align: center;}

.serchinco .fa{font-size: 16px;}

.globalsearch{display: none;}

.globalsearch{position: absolute; top: 85px; right:0;width: 280px;background: #fff;padding:15px;z-index: 99; background:#3b8d85;}

.globalsearch .warp{background: #fff;}

.globalsearch #q{ float: left;   border: 0 none; }

.globalsearch .search-btn { float: right;   border: 0 none; }

.globalsearch #q { width: calc(100% - 70px); height: 18px; padding: 10px; line-height: 18px; background: #fff;border:1px solid #fff;font: 300 12px/18px microsoft yahei;  }

.globalsearch .search-btn { width: 40px;padding:0;margin:0; height: 40px; cursor: pointer; background: url(/cn/images/btn_ser.png) no-repeat center;}

      

@media only screen and (max-width: 480px) {

      .globalsearch{ width: calc(100% - 30px);}

}

 

@media only screen and (max-width:767px) {

    .serchinco{right: 48px; top:0;}

      .globalsearch{ top:48px;}

   .logo,.toptel,.langbox{display: none;}

   .topbar{height: 0;}

   .molang{display: block;position: absolute; right:48px;top: 8px;z-index: 3;}

   .molang .en_a,.molang .ft_a{display: none;}

}





/* ==========================================================================

Nav

========================================================================== */

/* primary */

    

    .globalnav {

        position: absolute;

        z-index: 999;

        right: 0;

        top: 16px;

    }

    

    .globalnav li {

        float: left;

    }

    

    .globalnav li a {

        display: block;

        color: #444;

        padding: 0 20px;

        font-size: 14px;

        line-height: 42px;

        font-family: microsoft yahei;

    }

    

    .globalnav .nav-sep {

        width: 2px;

        height: 42px;

        background: url(/cn/images/nav-sep.gif) no-repeat 0;

    }

    

    .globalnav .active a,

    .globalnav li .active1 {

        color: #a6937c;

    }

    

    .dropdown {

        position: absolute;

        z-index: 999;

        background: #fff;

        background: rgba(255, 255, 255, .9);

        display: none;

        padding: 15px 20px;

        border-bottom: 3px solid #3b8d85;

        margin-left: -38px;

        top: 100%;

        min-width: 100px;

    }

    #gn_03 .dropdown{margin-left: -28px;}

    .dropdown:after {

        content: "";

        position: absolute;

        width: 0;

        height: 0;

        border: 0 dashed transparent;

        overflow: hidden;

        border-top-style: solid;

        border-width: 5px 5px 0;

        border-top-color: #fff;

        left: 50%;

        margin-left: -5px;

        top: -5px;

    }

    .dropdown a {

        /*    white-space: nowrap;*/

        line-height: 30px;

        font-size: 14px; 

        float: left;

        padding: 0;

        color: #000;

        background: none;

        border-bottom: 0 none;

        width: 90%;

        display: block;

        text-align: center;

    }

    

    @media (max-width:767px) {

        .dropdown a {

            /*    white-space: nowrap;*/

            font-size: 16px;

            width: 100%;

            text-align: left;

        }

        .dropdown { min-width: calc(100% - 40px);}

        #gn_03 .dropdown{margin-left:0;}

    }

    

    .dropdown a .fa {

        font-size: 12px;

        line-height: 30px;

        color: #ccc;

        padding-right: 5px;

    }

    

    .dropdown a:hover,

    .dropdown a:hover .fa {

        color: #3b8d85;

    }

    

/* ==========================================================================

   add 20210819 yao

========================================================================== */

.toptel .zsbh { font-style: normal;margin-left:100px;font-size: 14px; }

   

    /* ==========================================================================

   Content

   ========================================================================== */



.hidden {display: none;}



    /* ==================================

   banner

   ================================== */

    

.banner { overflow: hidden;margin-top:120px;position: relative;}

.banner img{max-width: 100%;}

.banner .mpic{ display: none;}

#owl-banner .owl-nav{margin-top: 0;}

#owl-banner .owl-dots{position: absolute;bottom: 10px;width: 100%;}

#owl-banner .owl-prev,#owl-banner .owl-next{width:41px;top:0; height:100%;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    border-radius:0;

    filter: Alpha(Opacity=100);

    opacity: 1;

}

#owl-banner .owl-prev{position: absolute;left:10px; background:url(/cn/images/bl.png) center no-repeat;}

#owl-banner .owl-next{position: absolute;right:10px;background:url(/cn/images/br.png) center no-repeat;}



#owl-banner .owl-dots .owl-dot.active span, #owl-banner .owl-dots .owl-dot:hover span {

    background: #3b8d85;

}

#owl-banner .owl-dots .owl-dot span { width: 13px; height: 13px; background: #fff;}



@media (max-width:767px) {

#owl-banner .owl-prev,#owl-banner .owl-next{filter: Alpha(Opacity=0);opacity: 0;}

}

@media only screen and (max-width: 767px) {

    .banner .mpic{ display: block;}

    .banner .pic{display: none;}

    .banner {margin-top:0;}

}





/* ==========================================================================

   homepro01

   ========================================================================== */

.homepro01{padding:60px 0;}

.htit01 {font: 700 30px/40px microsoft yahei;height: 40px; }

.htit01 .line{width:100px;height: 1px; display: inline-block;background: #d1d1d1;vertical-align: middle;margin-left: 10px;}

.htit01 a{font: 300 16px/40px microsoft yahei;vertical-align: middle;margin:0 20px;}

.htit01 a.active{color: #3b8d85;font-weight: bold;}

.hpromode{position: relative;}

.hpromode .cover{position: absolute; right:150px; bottom:20px;z-index: 9;font-size: 40px;color: #cecece;}

.hpromode .cover span{color: #3b8d85;font-size: 24px;font-weight: bold;}

#owl-pro{background: #9bc83a;margin-top: 50px;}

#owl-pro .pic{width: calc(100% - 420px); float: right;overflow: hidden;}

#owl-pro .pic img{transition: transform 1s;}

#owl-pro .pic:hover img{ transform: scale(1.2);}

#owl-pro .txtarea{width: 420px; float: left;}

#owl-pro .txtarea .warp{padding:50px;color: #fff;}

#owl-pro .txtarea h3{font: 300 36px/36px microsoft yahei;}

#owl-pro .txtarea p.txten{text-transform:Uppercase;font: 300 22px/24px Arial;font-style: italic;margin:20px 0;}

#owl-pro .txtarea .desc{height: 240px;font: 300 14px/24px microsoft yahei;overflow: hidden;margin-bottom: 20px; }

#owl-pro .txtarea .more a{width: 150px; height: 40px;background: #fff;display: block; text-align: center;line-height: 40px;}

#owl-pro .owl-dots{height: 0;overflow: hidden;}

#owl-pro .owl-nav{margin-top: 0;position: absolute;right: 0; bottom: 0;padding:20px 20px 20px 150px;background: #fff;}

#owl-pro .owl-prev,#owl-pro .owl-next{width:48px;bottom:20px; height:48px;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    border-radius:0;

    filter: Alpha(Opacity=100);

    opacity: 1;

}

#owl-pro .owl-prev{ background:url(/cn/images/bl.jpg) center no-repeat;margin-right: 10px;}

#owl-pro .owl-next{background:url(/cn/images/br.jpg) center no-repeat;}



@media only screen and (max-width:920px) {

#owl-pro .pic{width: 100%; float: none;}

#owl-pro .txtarea .desc{height: auto;}

#owl-pro .txtarea{width: 100%; float: none;}

}



@media only screen and (max-width:767px) {

#owl-pro {margin-top: 0;}

#owl-pro .txtarea{width: 100%; float: none;}

#owl-pro .txtarea .warp{padding:20px;color: #fff;}

#owl-pro .owl-nav{margin-top: 0;position: absolute;right: 0; bottom:-80px;padding:10px 20px 10px 150px;background: #fff;}

.hpromode{padding-bottom: 80px;margin-top: 10px;}

.hpromode .cover{ bottom:10px;}

.homepro01{padding:20px 0;}

.htit01{height: auto;}

.htit01 .line{width:30px;display: block;margin:10px 0 10px 0;}

.htit01 a{margin:0 5px;}

}



/* ==========================================================================

   home_part02

   ========================================================================== */

.home_part02{padding:0 0 60px 0;}

.home_part02 .mode{float: left;height: 310px;position: relative;overflow: hidden;margin-bottom: 10px;background: #000;}

.home_part02 .mode .pic{width: 100%;height: 310px;overflow: hidden;}

.home_part02 .mode .pic img{width: 100%;height: 310px;transition: transform 2s;}

.home_part02 .mode .cover{position: absolute;bottom: 0;left: 0;width: 100%; text-align: center;}

.home_part02 .mode .cover h3{margin-bottom:30px;font: 700 20px/30px microsoft yahei;color: #fff; }

.home_part02 .mode .cover .line{width: 100%;height: 3px;background: #000;filter: alpha(opacity=25);opacity: 0.25;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.home_part02 .mode01,.home_part02 .mode02{width: calc(25% - 10px);margin-right: 10px;}

.home_part02 .mode05,.home_part02 .mode06{width: calc(25% - 10px);margin-left: 10px;}

.home_part02 .mode03,.home_part02 .mode04{width: calc(50% - 10px);}

.home_part02 .mode:hover .pic img{filter: alpha(opacity=70);opacity: 0.7; transform: scale(1.1);}

.home_part02 .mode:hover .cover .line{filter: alpha(opacity=100);opacity: 1; background: #3b8d85;}



@media only screen and (max-width:767px) {

.home_part02 .mode01,.home_part02 .mode02,.home_part02 .mode03,.home_part02 .mode04,.home_part02 .mode05,.home_part02 .mode06{width: calc(50% - 5px);margin:0 0 10px 0;}

.home_part02 .mode01,.home_part02 .mode03,.home_part02 .mode05{margin-right: 10px;}

.home_part02 .mode,.home_part02 .mode .pic,.home_part02 .mode .pic img{height:180px;}

.home_part02{padding:0 0 20px 0;}

}



/* ==========================================================================

   home_part03

   ========================================================================== */

.home_part03{padding:0 0 60px 0;}

.hnewslist {margin-left: -10px;margin-top: 20px;}

.hnewslist li{width: calc(33.3% - 10px);margin-left: 10px;float: left;}

.hnewslist li .pic{width: 100%;height: 280px; overflow: hidden;}

.hnewslist li .pic img{width: 100%;height: 280px;}

.hnewslist li .txtarea{margin-top: 20px;}

.hnewslist li .txtarea .tit{font: 700 18px/24px microsoft yahei;margin-bottom: 10px;height: 48px;}

.hnewslist li .txtarea .date{color: #999;font-size: 12px;}

.hnewslist li .txtarea .desc{font: 300 12px/24px microsoft yahei; height:48px;overflow: hidden;margin-bottom: 20px; }

.hnewslist li .txtarea .more a{ color: #fff; width: 150px; height: 40px;background: #9bc83a;display: block; text-align: center;line-height: 40px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}



@media only screen and (max-width:767px) {

.hnewslist {margin-left:0;margin-top: 20px;}

.hnewslist li{width:100%;margin-left:0;float: none;margin-bottom:20px;}

.hnewslist li .pic{width: 100%;height: auto; overflow: hidden;}

.hnewslist li .pic img{width: 100%;height: auto;}

.home_part03{padding:0 0 20px 0;}

}



/* ==========================================================================

   home_part04

   ========================================================================== */

.home_part04{padding:0 0 60px 0;}

.haboutbox {background: #3b8d85;height: 626px;}

.haboutbox .pic{width:557px;height:626px; overflow: hidden; float: left;}

.haboutbox .pic img{height: 626px;transition: transform 2s;}

.haboutbox .pic:hover img{ transform: scale(1.1);}   

.haboutbox .txtarea{width: calc(100% - 560px);height: 626px; overflow: hidden; float: right;}

.haboutbox .txtarea .warp{color: #fff;padding:100px 60px;}

.haboutbox .txtarea .tit{font: 700 36px/36px microsoft yahei;margin-bottom: 10px;}

.haboutbox .txtarea p.txten{font: 300 18px/24px Arial;text-transform:Uppercase;color: #a0c2be;}

.haboutbox .txtarea .line{width: 100px;height: 3px; background: #fff;margin:10px 0;}

.haboutbox .txtarea .desc{font: 300 14px/26px microsoft yahei; height:auto;overflow: hidden;margin-bottom: 20px; }

.haboutbox .txtarea .more a{width: 150px; height: 40px; border:2px solid #fff; color: #fff; display: block; text-align: center;line-height: 40px;}



@media only screen and (max-width:767px) {

.home_part04{padding:0 0 20px 0;}

.haboutbox {background: #3b8d85;height: auto;}

.haboutbox .pic{width:100%;height:auto;float: none;}

.haboutbox .pic img{height: auto;width: 100%;}

.haboutbox .txtarea{width:100%;height: auto; float: none;}

.haboutbox .txtarea .warp{padding:40px 20px;}

}









/* ==========================================================================

   Footer

   ========================================================================== */

footer { color: #fff; font-size: 12px; background:url(/cn/images/footbg.jpg) center no-repeat;background-size: cover; font-family: microsoft yahei; padding:60px 0 0 0;}

footer a { color: #fff; }

footer a:hover { text-decoration: underline; }

.footer-nav { text-align: justify;width: 500px;float: left; }

.footer-nav:after { content: ""; width: 100%; display: inline-block; font-size: 0; line-height: 0; }

.fn-col { display: inline-block; *display:inline;

zoom: 1; vertical-align: top; *padding-right: 100px;}

.fn-col h3 {  margin-bottom: 10px; font: 300 16px/24px microsoft yahei;}

.fn-col h3 a { color:#fff;}

.fn-col h3 a:hover {text-decoration: underline; }

.fn-col ul {}

.fn-col li { line-height:30px; font-size: 13px; }

.fn-col li a { color: #fff;  }

.fn-col li a:hover {text-decoration: underline;}



.footmode02{width: 250px;height: 230px; overflow: hidden; float: left;margin-left: 50px;}

.yqljbox{position: relative;width:250px;} 

.yqljbox .yqljhd{width:250px;height: 35px;background: #8b8b8b;line-height: 35px;text-indent: 20px;}

.yqljbox .yqljhd .inco{width: 50px; height: 35px;background:url(/cn/images/zhpic12.jpg) center no-repeat;float: right;}

.yqljbox .yqljbd{width:250px; background: #808080;padding:5px 0;position: absolute;top:35px;left:0;z-index: 99;}

.yqljbox .yqljbd a{width: 100%;display: block;height: 24px; line-height: 24px; text-indent:10px;color:#fff;}

.yqljbox .yqljbd{display: none;}

.yqljbox:hover .yqljbd{display: block;}

.ewmbox{text-align: center;margin-top: 20px;}

.ewmbox img{width:115px;float: left;}

.fn_colwx{width:300px;float: right;font: 300 14px/36px microsoft yahei; }

.fn_colwx h3{font: 700 24px/24px microsoft yahei;margin-bottom: 10px;}



.foothd{text-align: center;text-transform:Uppercase;color: #fff; font: 300 14px/50px microsoft yahei;height: 50px;margin-top: 20px;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3F000000', endColorstr='#3F000000');background:rgba(0,0,0,0.25);

}

.foothd a{color: #fff;}

.foothd a:hover{color: #fff;}





@media only screen and (max-width: 767px) {

footer {margin-bottom:50px;padding-top: 30px;}

.footer-nav {width: 100%;float: none; }

.fn-col {width:45%;padding-left:0;}

.foothd{padding-top: 0;}

.fn-col ul{display: none;}

.fn_colwx{display: none;}

.footmode02{display: none;}

.foothd{height: auto;line-height: 18px;padding:10px 0;}

}



.fixed-b { position: fixed; width: 100%; background: #333; bottom: 0; left: 0; display: none;z-index: 3; }

.fixed-b li { width: 25%; text-align: center; color: #fff; float: left; }

.fixed-b li a { display: block; border-right: 1px solid #454545; color: #fff; padding: 10px 0; }

.fixed-b li .fa{font-size: 24px; line-height: 30px;}

.fixed-b li:last-of-type a { border-right: 0 none; }

.fixed-b li a .txt { display: block; margin-top: 5px; }



@media only screen and (max-width: 767px) {

.fixed-b { display: block; }

}



.toggle-btn { display: none;}





@media only screen and (max-width: 767px) {

    .toggle-btn {

        display: block;

        position: absolute;

        right: 20px;

        top: 10px;

        transition: all 0.5s;

    }    

    .inner-cont > p img {

        width: 100%;

        height: auto;

        padding-bottom: 20px;

    }    

.gn-item:hover .toggle-btn {

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        transform: rotate(45deg);

    }

}





<!--0.00013399124145508-->